<html>
<head>
	<title>悍思人大代表信息管理系统</title>
	<style type='text/css' media='screen'>
	body {
		background: url(../images/skin/back.jpg) no-repeat;
	}
	#login {
		margin: 15px 0px;
		padding: 0px;
		text-align: center;
	}

	#title{
		text-align: center;
	}

	#login .inner {
		width: 400px;
		height:220px;
		padding-bottom: 6px;
		margin: 100px auto;
		text-align: left;
		background: #000 url(../images/skin/shad.jpg);
		filter:alpha(opacity=50,Style=0);
		border: 1px solid #aab;
		background-color: #f0f0fa;
		-moz-box-shadow: 2px 2px 2px #eee;
		-webkit-box-shadow: 2px 2px 2px #eee;
		-khtml-box-shadow: 2px 2px 2px #eee;
		box-shadow: 2px 2px 2px #eee;
	}

	#login .inner .fheader {
		padding: 18px 0px 14px 0px;
		margin: 0px 0 14px 0;
		text-align:center;
		color: #2e3741;
		font-size: 20px;
		font-weight: bold;
		color: #44888b;
	}

	#login .inner .cssform p {
		clear: left;
		margin: 0;
		padding: 4px 0 3px 0;
		padding-left: 105px;
		margin-bottom: 20px;
		height: 1%;
	}

	#login .inner .Isubmit{
		width:60px;
		height:30px;
		background: #184998;
		color: white;
	}
	

	#login .inner .cssform input[type='text'] {
		width: 120px;
	}

	#login .inner .cssform label {
		float: left;
		text-align: right;
		margin-left: -105px;
		width: 110px;
		padding-top: 3px;
		padding-right: 10px;
	}

	#login #remember_me_holder {
		padding-left: 120px;
	}

	#login #submit {
		margin-left: 15px;
	}

	#login #remember_me_holder label {
		float: none;
		margin-left: 0;
		text-align: left;
		width: 200px
	}

	#login .inner .login_message {
		padding: 6px 10px 10px 10px;
		color: #c33;
		text-align: center;
	}

	#login .inner .text_ {
		width: 120px;
	}

	#login .inner .chk {
		height: 12px;
	}
	</style>
</head>

<body>
<div id='title'>
<img style="border: 0 none;"  src="${resource(dir:'images',file:'title_login.gif')}"/>
</div>
<div id='login'>
	<div class='inner'>
		<div class='fheader'><img style="border: 0 none;" src="${resource(dir:'images',file:'user.png')}"/><g:message code="springSecurity.login.header"/></div>

		<g:if test='${flash.message}'>
			<div class='login_message'>${flash.message}</div>
		</g:if>

		<form action='${postUrl}' method='POST' id='loginForm' class='cssform' autocomplete='off'>
			<p>
				<label for='username'><g:message code="springSecurity.login.username.label"/>:</label>
				<input type='text' class='text_' name='j_username' id='username'/>
			</p>

			<p>
				<label for='password'><g:message code="springSecurity.login.password.label"/>:</label>
				<input type='password' class='text_' name='j_password' id='password'/>
			</p>

			<p id="remember_me_holder">
				<input type='checkbox' class='chk' name='${rememberMeParameter}' id='remember_me' <g:if test='${hasCookie}'>checked='checked'</g:if>/>
				<label for='remember_me'><g:message code="springSecurity.login.remember.me.label"/></label>
				<input type='submit' id="submit" value='${message(code: "springSecurity.login.button")}' class='Isubmit'>
			</p>
		</form>
	</div>
</div>
<script type='text/javascript'>
	<!--
	(function() {
		document.forms['loginForm'].elements['j_username'].focus();
	})();
	// -->
</script>
</body>
</html>
